<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<link rel="stylesheet" type="text/css" href="css/all.css"/>
		<link href="https://cdn.bootcss.com/Swiper/3.4.0/css/swiper.min.css" rel="stylesheet">
	</head>
	<body>
			<header id="header">
				<div class="header_content">
					<img src="img/logo_03.png" alt="" />
					<ul class="tab clearfix">
						<li class="change">巴豆首页</li>
						<li>业务范围</li>
						<li>成功案例</li>
						<li>诚聘英才</li>
						<li>关于我们</li>
						<li>联系我们 </li>
					</ul>
				</div>
			</header>	
			<!--头部结束-->
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<img src="img/swiper_02.jpg"/>
					</div>
					<div class="swiper-slide">
						<img src="img/swiper_02.jpg"/>
					</div>					
				</div>
				<div class="swiper-pagination"></div>
			</div>
			<!--轮播结束-->
			<div class="fuwu_box">
				<div id="sec_titele">
					<h1>服务部门</h1>
					<p>Service Department</p>
					<span>我们将为您提供最优质的服务</span>
				</div>
				<div class="fuwu_swiper">
					<div class="swiper-wrapper">
						<div class="swiper-slide fu_slide">
							<div class="fuwu_icon">
								<img src="img/icon_03.png"/>
							</div>
							<span class="cicle"></span>
						</div>
						<div class="swiper-slide fu_slide">
							<div class="fuwu_icon">
								<img src="img/icon_05.png"/>
							</div>
							<span class="cicle"></span>
						</div>
						<div class="swiper-slide fu_slide">
							<div class="fuwu_icon">
								<img src="img/icon_07.png"/>
							</div>
							<span class="cicle"></span>
						</div>
						<div class="swiper-slide fu_slide">
							<div class="fuwu_icon">
								<img src="img/icon_09.png"/>
							</div>
						</div>		
						<div class="swiper-slide fu_slide">
							<div class="fuwu_icon">
								<img src="img/icon_09.png"/>
							</div>
							<span class="cicle"></span>
						</div>	
						<div class="swiper-slide fu_slide">
							<div class="fuwu_icon">
								<img src="img/icon_09.png"/>
							</div>
						</div>		
					</div>
				</div>
				<div class="fuwu_next"></div>
				<div class="fuwu_prev"></div>
			</div>
			<!--服务结束-->
			<div id="about_banner">
				<a href="">了解更多</a>
			</div>
			<!--广告结束-->
			<div id="index_case">
				<div id="sec_titele">
					<h1>巴豆广告经典案例</h1>
					<p>Classic case</p>
					<span>我们将为您提供最优质的服务</span>
				</div>	
				<div class="case_list clearfix">
					<div class="first_box">
						<img src="img/case_23.jpg"/>
<div class="mask"><p>巴豆</p>
广告行业日新月异，强者才能生存。如您所见，十八年来，我们活得很体面。因为，我们只做一件事：帮客户占领更多市场！十八年的聚变，巴豆拥有超强的核实力与您并肩作战。</div>
					</div>
					<ul class="sec_boxcont">
						<li><img src="img/case_25.jpg"/><div class="mask"><p>巴豆</p>
广告行业日新月异，强者才能生存。如您所见，十八年来，我们活得很体面。因为，我们只做一件事：帮客户占领更多市场！十八年的聚变，巴豆拥有超强的核实力与您并肩作战。</div></li>
						<li><img src="img/case_27.jpg"/></li>
						<li><img src="img/case_31.jpg"/></li>
						<li><img src="img/case_32.jpg"/></li>
					</ul>
				</div>
				<a href="" id="about_more">查看更多</a>
			</div>
			<!--列表结束-->
			<div id="zixun">
				<img src="img/zixun_22.jpg"/>
			</div>
			<!--咨询结束-->
			<div id="banner_flow">
				<div class="flow_content">
					<div id="sec_titele">
						<h1>巴豆广告合作流程</h1>
						<p>Croton advertisement cooperation process</p>
						<span>我们将为您提供最优质的服务</span>
					</div>	
					<img src="img/flow_25.png" class="flow_img"/>
				</div>
			</div>
			<!--流程结束-->
			<div id="news_trends">
				<div class="first_content">
					<div class="news_tab">
						<p class="change">巴豆动态<span>Croton dynamic</span></p>
						<p>行业新闻<span>Industry news</span></p>
					</div>
					<div class="news_content ">
						<div class="news_detail clearfix">
							<img src="img/news_25.jpg"/>
							<div class="text">
								<h1>让客户为我们去核裂变，才是王道</h1>
								<p>用超级核武器让客户信服，他们才能将我们的实力口口相传。尽管如此，我们还是要正式地介绍一下火之鸟：我们是互联网时代的一站式品牌管理服务商，期待为您开疆拓土，赢得这场核战。</p>
								<a href="">查看详情</a>
							</div>	
						</div>
						<div class="news_list">
							<p class="change">公司开展广泛征求客户意见建议活动<span>2015-05-28   </span></p>
							<p>公司开展广泛征求客户意见建议活动<span>2015-05-28   </span></p>
							<p>公司开展广泛征求客户意见建议活动<span>2015-05-28   </span></p>
							<p>公司开展广泛征求客户意见建议活动<span>2015-05-28   </span></p>
							<p>公司开展广泛征求客户意见建议活动<span>2015-05-28   </span></p>
						</div>
					</div>
				</div>
				<div class="sec_content">
					<p class="titele">常见问题<span>Common problem</span></p>
					<div class="new_list">
						<div class="clearfix margin_"><span class="wen fl"></span><h1 class="fl">企业品牌设计作用是什么?</h1></div>
						<div class="clearfix"><span class="da fl"></span><p class="fl">企业品牌设计作用是什么?</p></div>
					</div>
					<div class="new_list">
						<div class="clearfix margin_"><span class="wen fl"></span><h1 class="fl">企业品牌设计作用是什么?</h1></div>
						<div class="clearfix"><span class="da fl"></span><p class="fl">企业品牌设计作用是什么?</p></div>
					</div>
					<div class="new_list">
						<div class="clearfix margin_"><span class="wen fl"></span><h1 class="fl">企业品牌设计作用是什么?</h1></div>
						<div class="clearfix"><span class="da fl"></span><p class="fl">企业品牌设计作用是什么?</p></div>
					</div>					
				</div>
			</div>
			<!--动态结束-->
			<div id="copyright">
				<div class="_content">
					<div class="you_a clearfix">
						<p>友情链接： </p>
						<a href="">关于巴豆 </a>
						<a href="">诚聘英才  </a>
						<a href="">成功案例 </a>
					</div>
					<ul class="sec_tab clearfix">
						<li><a href="">巴豆首页</a></li>
						<li><a href="">业务范围</a></li>
						<li><a href="">成功案例</a></li>
						<li><a href="">关于我们</a></li>
						<li><a href="">联系我们 </a></li>
					</ul>	
					<div class="_thirdcon">
						<div class="logo_img">
							<img src="img/logo2.jpg"/>
						</div>
						<div class="_conttext">
							<img src="img/phone_35.jpg"/>
							<p>手机:  13891895377</br>
							邮箱:  2270005800@qq.com</br>
							ＱＱ：2270005800    2582070333</br>
							地址:  陕西省西安市碑林区兴庆路中段1号翠庭大厦7层7A-7号
							</p>
						</div>
						<div class="erweima">
							<div class="list">
								<img src="img/shouji.jpg"/>
								<p>巴豆手机网站</p>
							</div>
							<div class="list">
								<img src="img/gongzhonghao.jpg"/>
								<p>巴豆微信公众号</p>
							</div>							
						</div>
					</div>
					<p class="copytext">Copyright © 2017 西安巴豆广告文化传播有限公司     All Rights Reserved 巴豆广告  版权所有      陕ICP备17004808号     技术支持：风尚网络</p>
				</div>
			</div>
		
	</body>
	<script src="https://cdn.bootcss.com/jquery/2.2.1/jquery.min.js"></script>
	<script src="https://cdn.bootcss.com/Swiper/3.4.0/js/swiper.jquery.min.js"></script>
	<script> 
	var headSwiper = new Swiper('.swiper-container', {
		autoplay: 5000,
		pagination : '.swiper-pagination',
		paginationClickable :true,
	})
	var fuwuswiper = new Swiper('.fuwu_swiper',{
		 slidesPerView:4,
		 prevButton:'.fuwu_prev',
		 nextButton:'.fuwu_next',
	})

    
	</script>
</html>
